<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/cart.css">
</head>

<body>
    <div id="header">
        <div class="container clearfix">
            <!-- 左logo -->
            <div class="logoBox fl">
                <a href="#" class="clearfix">
                    <img src=""
                        alt="" class="logo fl">
                    <div class="logoText fl">
                        <h3 class="trademark">熊猫优选</h3>
                        <span>XIONG MAO YOU XUAN</span>
                    </div>
                </a>
            </div>
            <!-- 中输入框 -->
            <div class="SearchBox fl">
                <span class="iconfont icon-sousuo"></span>
                <input type="" placeholder="搜索商品，发现更多优惠">
                <div class="search">搜索</div>
            </div>
            <!-- 右图标 -->
            <div class="guarantee fl">
                <ul class="clearfix">
                    <li>
                        <img src=""
                            alt="全程包邮">
                        <p>全程包邮</p>
                    </li>
                    <li>
                        <img src=""
                            alt="7天退换">
                        <p>7天退换</p>
                    </li>
                    <li>
                        <img src=""
                            alt="品质保证">
                        <p>品质保证</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 导航 -->
    <div id="navCarousel">
        <div class="nav ">
            <ul class="container clearfix">
                <a href="./index.html">
                    <li class="nav-index">首页</li>
                </a>
            </ul>
        </div>
    </div>

    <div id="commodity" class="container">
        <table>
        </table>
        <div>
            <h3>商品总价:<span class="total-price">￥0</span></h3>
        </div>
    </div>

    <!-- 页脚 -->
    <div id="footer">
        <div class="container">
            <div class="top clearfix">
                <div class="left fl clearfix">
                    <img src="http://img1.lukou.com/static/img/activity/icon.png" alt="" class="fl">
                    <div class="title fl">
                        <h1>熊猫优选</h1>
                        <p>年轻人网购首选<br>购物领券更省钱</p>
                    </div>
                </div>
                <div class="minddle fl">
                    <span>|</span><a>下载app</a>
                </div>
            </div>
            <div class="bottom">
                <img src="http://img1.lukou.com/static/img/activity/policeIcon.png" alt="">
                <p>浙公安网备案&emsp;33010602009949号&emsp;|&emsp;ICP备案号: 浙ICP备17012864号-1&emsp;|&emsp;</p>
                <img src="http://img1.lukou.com/static/img/activity/license.png" alt="">
                <p><a href="#">证照信息</a></p>
            </div>
        </div>
    </div>

    <!-- 回到顶部 -->
    <div id="return" onclick="outputTop()">回到<br>顶部</div>

    <script src="../js/cart.js"></script>
</body>

</html>